<template>
	<view class="contact">
		 <view class="status_bar">
		          <!-- 这里是状态栏 -->
		      </view>
		<view class="top headline">
			<uni-icons type="arrowleft" size="24" class="left" color="#999" @click="commonality.back()" />
			联系我们
			<text @click="go_url('/pages/shop/my/leave_list')">留言列表</text>
		</view>
		<view class="main">
			<view class="title">微星时尚商城</view>
			<view>地址：深圳市南山区永平路建业大厦15楼1506</view>
			<view>电话：1234567890</view>
			<view>邮箱：123456789@123.com</view>
			<view class="button" @click="go_url('/pages/shop/my/leave_add')">在线留言</view>
		</view>
	</view>
</template>

<script>
import { uniIcons } from '@dcloudio/uni-ui';
export default {
	components: { uniIcons },
	data() {
		return {
			shop_list: [
				{
					id: 5,
					checked: false
				}
			],
			compile: false,
			is_go_top: false,
			is_all: false
		};
	},
	methods: {
		go_url(url){
			uni.navigateTo({
			    url: url
			}); 
		}
	}
};
</script>
<style lang="less" scoped>
	 .status_bar {
	      height: var(--status-bar-height);
	      width: 100%;
	  }
.contact {
	height: 100%;
	.top {
		text {
			position: absolute;
			right: 20rpx;
			font-size: 30rpx;
		}
		.left {
			position: absolute;
			left: 0rpx;
			width: 60rpx;
		}
	}
	.main {
		position: absolute;
		top: 80rpx;
		bottom: 0;
		width: 100%;
		overflow: auto;
		padding: 0 70rpx;
		background: #fff;
		box-sizing: border-box;
		.title {
			font-size: 34rpx;
			text-align: center;
			padding: 142rpx 0 90rpx;
		}
		view {
			line-height: 65rpx;
			font-size: 28rpx;
		}
		.button {
			line-height: 90rpx;
			background: linear-gradient(80deg, #d2158a, #fc6395);
			text-align: center;
			color: #fff;
			border-radius: 45rpx;
			font-size: 32rpx;
			margin: 67rpx 34rpx;
			box-shadow: 3rpx 0 20rpx rgba(206, 205, 204, 0.35);
		}
	}
}
</style>
